<!--
 * @Author: xcl
 * @Date: 2022-04-20 18:05:17
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2022-09-23 10:40:07
 * @Description: 项目实例
-->
<template>
  <div class="project">
    <h3>南宁</h3>
    <div class="link">
      <a href="http://175.155.179.248:90/cesiumTest/#/login" target="_blank"
        >南宁(地图部分)</a
      >
    </div>

    <h3>Mars3D</h3>
    <div class="link">
      <a href="http://mars3d.cn/example.html" target="_blank"
        >功能示例(Vue版)</a
      >
    </div>
    
  </div>
</template>

<script>
// import CesiumMap from "@/components/map/CesiumMap.vue";
export default {
  name: "CesiumProject",
  components: {
    // "cesium-map": CesiumMap,
  },
  data() {
    return {};
  },
  props: {},
  watch: {},
  created() {},
  mounted() {
  },
  beforeDestroy() {},
  destroyed() {},
  methods: {},
};
</script>

<style lang="less" scoped>
.project {
  background: #000;
  width: 100%;
  height: 100%;
  padding-top: 60px;
  box-sizing: border-box;

  h3{
    padding: 25px 10px 5px;
    box-sizing: border-box;
    font-weight: 900;
    color: #fff;
  }
  .link{
    width: 100%;
    line-height: 22px;
    box-sizing: border-box;
    padding: 5px 30px;
    a{
      text-decoration: none;
      color: aquamarine;
    }
  }
}
</style>
